<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">

		<title>阿冬网盘 - 传输列表</title>

		<!-- Vendors Style-->
		<link rel="stylesheet" href="static/css/vendors_css.css">

		<!-- Style-->
		<link rel="stylesheet" href="static/css/style.css">
		<link rel="stylesheet" href="static/css/skin_color.css">
			</head>

	<body class="hold-transition light-skin sidebar-mini theme-primary fixed">

		<div class="wrapper">
			<div id="loader"></div>

			<header class="main-header">
				<div class="d-flex align-items-center logo-box justify-content-start">
					<a href="#"
						class="waves-effect waves-light nav-link d-none d-md-inline-block mx-10 push-btn bg-transparent"
						data-toggle="push-menu" role="button">
						<span class="icon-Align-left"><span class="path1"></span><span class="path2"></span><span
								class="path3"></span></span>
					</a>
					<!-- Logo -->
					<a href="index.html" class="logo">
						<!-- logo-->
						<div class="logo-lg">
							<span class="light-logo"><img src="./img/cyzy-logo.png" alt="logo"></span>
							<span class="dark-logo"><img src="./img/cyzy-logo.png" alt="logo"></span>
						</div>
					</a>
				</div>
				<!-- Header Navbar -->
				<nav class="navbar navbar-static-top">
					<!-- Sidebar toggle button-->
					<div class="app-menu">

					</div>

					<div class="navbar-custom-menu r-side">
						<ul class="nav navbar-nav">
							<li class="btn-group nav-item d-lg-inline-flex d-none">
								<a href="#" data-provide="fullscreen"
									class="waves-effect waves-light nav-link full-screen" title="Full Screen">
									<i class="icon-Expand-arrows"><span class="path1"></span><span
											class="path2"></span></i>
								</a>
							</li>
							<li class="btn-group d-lg-inline-flex d-none">
								<div class="app-menu">
									<div class="search-bx mx-5">
										<form>
											<div class="input-group">
												<input type="search" class="form-control" placeholder="Search"
													aria-label="Search" aria-describedby="button-addon2">
												<div class="input-group-append">
													<button class="btn" type="submit" id="button-addon3"><i
															class="ti-search"></i></button>
												</div>
											</div>
										</form>
									</div>
								</div>
							</li>
							<!-- Notifications -->
							<li class="dropdown notifications-menu">
								<a href="#" class="waves-effect waves-light dropdown-toggle" data-toggle="dropdown"
									title="Notifications">
									<i class="icon-Notifications"><span class="path1"></span><span
											class="path2"></span></i>
								</a>
								<ul class="dropdown-menu animated bounceIn">

									<li class="header">
										<div class="p-20">
											<div class="flexbox">
												<div>
													<h4 class="mb-0 mt-0">Notifications</h4>
												</div>
												<div>
													<a href="#" class="text-danger">Clear All</a>
												</div>
											</div>
										</div>
									</li>

									<li>
										<!-- inner menu: contains the actual data -->
										<ul class="menu sm-scrol">
											<li>
												<a href="#">
													<i class="fa fa-users text-info"></i> Curabitur id eros quis nunc
													suscipit blandit.
												</a>
				  					</li>
											<li>
												<a href="#">
							  				<i class="fa fa-warning text-warning"></i> Duis malesuada justo eu
													sapien elementum, in semper diam posuere.
												</a>
											</li>
				  					<li>
												<a href="#">
													<i class="fa fa-users text-danger"></i> Donec at nisi sit amet
													tortor commodo porttitor pretium a erat.
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-shopping-cart text-success"></i> In gravida mauris
													et nisi
												</a>
				  					</li>
											<li>
												<a href="#">
													<i class="fa fa-user text-danger"></i> Praesent eu lacus in libero
													dictum fermentum.
												</a>
											</li>
				  					<li>
												<a href="#">
													<i class="fa fa-user text-primary"></i> Nunc fringilla lorem
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-user text-success"></i> Nullam euismod dolor ut quam
													interdum, at scelerisque ipsum imperdiet.
												</a>
											</li>
										</ul>
									</li>
									<li class="footer">
										<a href="#">View all</a>
									</li>
								</ul>
							</li>

							<!-- User Account-->
							<li class="dropdown user user-menu">
								<a href="#" class="waves-effect waves-light dropdown-toggle" data-toggle="dropdown"
									title="User">
									<i class="icon-User"><span class="path1"></span><span class="path2"></span></i>
								</a>
								<ul class="dropdown-menu animated flipInX">
									<li class="user-body">
										<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i>
											Profile</a>
										<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My
											Wallet</a>
										<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i>
											Settings</a>
										<div class="dropdown-divider"></div>
										<a onclick="logout()" class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i>
											Logout</a>
									</li>
								</ul>
							</li>


						</ul>
					</div>
				</nav>
			</header>

			<aside class="main-sidebar">
				<!-- sidebar-->
				<section class="sidebar position-relative">
					<div class="multinav">
						<div class="multinav-scroll" style="height: 100%;">
							<!-- sidebar menu-->
							<ul class="sidebar-menu" data-widget="tree">
								<li class="header">菜单导航</li>
								<li class="">
									<a href="index.html" >
										<i class="fa fa-fw fa-list-ul"><span class="path1"></span><span
												class="path2"></span></i>
										<span>文件列表</span>
										<span class="pull-right-container">
											<i class="fa fa-angle-right pull-right"></i>
										</span>
									</a>

								</li>
								<li class="">
									<a href="download.html">
										<i span="" class="fa fa-fw fa-space-shuttle"><span class="path1"></span><span
												class="path2"></span></i>
										<span>传输列表</span>
										<span class="pull-right-container">
											<i class="fa fa-angle-right pull-right"></i>
										</span>
									</a>
								</li>
								<li class="header">个人设置</li>
								<li class="treeview">
									<a href="#">
										<i class="icon-Write"><span class="path1"></span><span class="path2"></span></i>
										<span>基本信息</span>
										<span class="pull-right-container">
											<i class="fa fa-angle-right pull-right"></i>
										</span>
									</a>
								</li>
								<li class="treeview">
				  			<a href="#">
										<i class="fa fa-registered"><span class="path1"></span><span
												class="path2"></span><span class="path3"></span></i>
										<span>登录密码设置</span>
										<span class="pull-right-container">
											<i class="fa fa-angle-right pull-right"></i>
										</span>
									</a>
								</li>

							</ul>
		 			</div>
					</div>
				</section>
				<div class="sidebar-footer">
					<a href="javascript:void(0)" class="link" data-toggle="tooltip" title=""
						data-original-title="Settings" aria-describedby="tooltip92529"><span
							class="icon-Settings-2"></span></a>
					<a href="mailbox.html" class="link" data-toggle="tooltip" title="" data-original-title="Email"><span
							class="icon-Mail"></span></a>
					<a href="javascript:void(0)" class="link" data-toggle="tooltip" title=""
						data-original-title="Logout"><span class="icon-Lock-overturning"><span
								class="path1"></span><span class="path2"></span></span></a>
				</div>
			</aside>

			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper" >
				<div class="container-full">
					<!-- Main content -->
					<section class="content">
						<div class="row">
							<div class="col-12">
								<div class="box bg-gradient-primary overflow-hidden pull-up">
									<div class="box-body pr-0 pl-lg-50 pl-15 py-0">
										<div class="row align-items-center">
											<div class="col-12 col-lg-8">
												<h1 class="font-size-40 text-white">欢迎尊贵的SVIP 冬哥!</h1>
												<p class="text-white mb-0 font-size-20">
													每日一句：哪有那么多烂道理,我觉得值得我就继续。
												</p>
											</div>
											<div class="col-12 col-lg-4"><img src="static/picture/custom-15.png" alt="">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-12">
							<button type="button" class="waves-effect waves-light btn btn-default mb-5"
								style="margin-left: 1rem;" onclick="DelAll()"><i class="fa fa-check"></i> 取消</button>
							
							<div class="box">
								<div class="box-header with-border">
									<h4 class="box-title">下载列表</h4>

									<div class="box-controls pull-right">
										<div class="lookup lookup-circle lookup-right">

											<input type="text" name="s">
										</div>
									</div>
								</div>
								<!-- /.box-header -->
								<div class="box-body no-padding">
									<div class="table-responsive">
										<table class="table table-hover">
											<tr>
												<th>选择</th>
												<th>文件名</th>
												<th>下载时间</th>
												<th>文件大小</th>
												<th>类型</th>
												<th>状态</th>
												<th>操作</th>
											</tr>
											<tbody id="list">




											</tbody>
										</table>
									</div>
								</div>
								<!-- /.box-body -->
							</div>
							<!-- /.box -->
						</div>
						</div>
						<div class="row">
							<div class="class="col-sm-12 col-md-5""><div class="dataTables_info" id="complex_header_info" role="status" aria-live="polite">
								Showing 21 to 30 of 57 entries</div></div>
							
							<div class="col-sm-12 col-md-7">
								<div class="dataTables_paginate paging_simple_numbers" id="page">
									<ul class="pagination" id = "page_list">
										
									</ul>
								</div>
							</div>
						</div>
					</section>
					<!-- /.content -->
				</div>
			</div>
		
			
			
			<!-- /.content-wrapper -->
			<footer class="main-footer">
				<div class="pull-right d-none d-sm-inline-block">
					<ul
						class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end">
						<li class="nav-item">
							<a class="nav-link" href="javascript:void(0)">FAQ</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">Purchase Now</a>
						</li>
					</ul>
				</div>
				&copy; 2020 <a href="javascript:;">Multipurpose Themes</a>. All Rights Reserved.
			</footer>


			<!-- ./wrapper -->



			<div id="chat-box-body">

				<div class="chat-box">
					<div class="chat-box-header p-15 d-flex justify-content-between align-items-center">
						<div class="btn-group">
							<button
								class="waves-effect waves-circle btn btn-circle btn-primary-light h-40 w-40 rounded-circle l-h-45"
								type="button" data-toggle="dropdown">
								<span class="icon-Add-user font-size-22"><span class="path1"></span><span
										class="path2"></span></span>
							</button>
							<div class="dropdown-menu min-w-200">
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Color mr-15"></span>
									New Group</a>
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Clipboard mr-15"><span class="path1"></span><span
											class="path2"></span><span class="path3"></span><span
											class="path4"></span></span>
									Contacts</a>
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Group mr-15"><span class="path1"></span><span
											class="path2"></span></span>
									Groups</a>
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Active-call mr-15"><span class="path1"></span><span
											class="path2"></span></span>
									Calls</a>
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Settings1 mr-15"><span class="path1"></span><span
											class="path2"></span></span>
									Settings</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Question-circle mr-15"><span class="path1"></span><span
											class="path2"></span></span>
									Help</a>
								<a class="dropdown-item font-size-16" href="#">
									<span class="icon-Notifications mr-15"><span class="path1"></span><span
											class="path2"></span></span>
									Privacy</a>
							</div>
						</div>
						<div class="text-center flex-grow-1">
							<div class="text-dark font-size-18">Mayra Sibley</div>
							<div>
								<span class="badge badge-sm badge-dot badge-primary"></span>
								<span class="text-muted font-size-12">Active</span>
							</div>
						</div>
						<div class="chat-box-toggle">
							<button id="chat-box-toggle"
								class="waves-effect waves-circle btn btn-circle btn-danger-light h-40 w-40 rounded-circle l-h-45"
								type="button">
								<span class="icon-Close font-size-22"><span class="path1"></span><span
										class="path2"></span></span>
							</button>
						</div>
					</div>
					<div class="chat-box-body">
						<div class="chat-box-overlay">
						</div>
						<div class="chat-logs">
							<div class="chat-msg user">
								<div class="d-flex align-items-center">
									<span class="msg-avatar">
										<img src="static/picture/2.jpg" class="avatar avatar-lg">
									</span>
									<div class="mx-10">
										<a href="#" class="text-dark hover-primary font-weight-bold">Mayra Sibley</a>
										<p class="text-muted font-size-12 mb-0">2 Hours</p>
									</div>
								</div>
								<div class="cm-msg-text">
									Hi there, I'm Jesse and you?
								</div>
							</div>
							<div class="chat-msg self">
								<div class="d-flex align-items-center justify-content-end">
									<div class="mx-10">
										<a href="#" class="text-dark hover-primary font-weight-bold">You</a>
										<p class="text-muted font-size-12 mb-0">3 minutes</p>
									</div>
									<span class="msg-avatar">
										<img src="static/picture/3.jpg" class="avatar avatar-lg">
									</span>
								</div>
								<div class="cm-msg-text">
									My name is Anne Clarc.
								</div>
							</div>
							<div class="chat-msg user">
								<div class="d-flex align-items-center">
									<span class="msg-avatar">
										<img src="static/picture/2.jpg" class="avatar avatar-lg">
									</span>
									<div class="mx-10">
										<a href="#" class="text-dark hover-primary font-weight-bold">Mayra Sibley</a>
										<p class="text-muted font-size-12 mb-0">40 seconds</p>
									</div>
								</div>
								<div class="cm-msg-text">
									Nice to meet you Anne.<br>How can i help you?
								</div>
							</div>
						</div>
						<!--chat-log -->
					</div>
					<div class="chat-input">
						<form>
							<input type="text" id="chat-input" placeholder="Send a message...">
							<button type="submit" class="chat-submit" id="chat-submit">
								<span class="icon-Send font-size-22"></span>
							</button>
						</form>
					</div>
				</div>
			</div>

			<!-- Page Content overlay -->


			<!-- Vendor JS -->
			<script src="static/js/vendors.min.js"></script>
			<script src="static/js/chat-popup.js"></script>
			<script src="static/js/feather.min.js"></script>

			<!-- <script src="static/js/apexcharts.js"></script> -->

			<!-- EduAdmin App -->
			<script src="static/js/template.js"></script>
			<script src="static/js/dashboard4.js"></script>
			<script src="js/all.js"></script>
			<script src="js/download.js"></script>
	</body>
</html>
